<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#div1{
				width:100px;
				background: red;
				padding:50px;	
			}
			
		</style>
		<script>
			window.onload = function(){
				var oDiv = document.getElementById("div1");
//				获取计算后的样式 不局限于行内样式，可以获取样式表里的样式
//						IE 6-8不支持
//				var w = getComputedStyle(oDiv,null).width;
//						IE 支持 火狐、谷歌不支持
//				var w = oDiv.currentStyle.width;
//				alert(w);
//				console.log(oDiv.currentStyle)
					var bg = getCss(oDiv,'borderColor');

			}
			
			function getCss(obj,attr){
				if(obj.currentStyle){
					return obj.currentStyle[attr];
				}else{
					return getComputedStyle(obj,null)[attr];
				}
			}
		</script>
	</head>
	<body>
		<div id="div1" style="height:150px;">
			
		</div>
	</body>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
</html>
